<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>腾讯课堂视频上传</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/index.css" />
</head>

<body>
	<!-- 模态框盒子 -->
	<div class="upload-modal-wrap js-upload-modal">
		<!-- 模态框 -->
		<div class="upload-modal">
			<!-- 标题 -->
			<div class="modal-hd">
				<!-- mod => modal -->
				<a href="javascript:;" class="fa fa-times js-close-mod-btn"></a>
			</div>
			<!-- 上传内容 -->
			<div class="upload-ctn">
				<!-- 上传区域 -->
				<div class="upload-area js-upload-area btn">
					<!-- 上传提示信息 -->
					<div class="upload-info">
						<!-- 百分比 -->
						<span class="percent js-percent">0.0%</span>
						<!-- 成功提示 -->
						<span class="upload-success"><i class="fa fa-check-circle"></i> 上传成功</span>
					</div>
					<!-- 进度条 -->
					<div class="progress-bar js-progress-bar"></div>
					<!-- 选择文件 按钮 -->
					<div class="upload-input">
						<label for="videoFile" class="input-label"></label>
						<input type="file" id="videoFile" />
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 上传视频链接 -->
	<a href="javascript:;" class="open-upload-modal-btn js-open-mod-btn">上传视频</a>

	<script src="js/index.js"></script>
</body>

</html>